﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="../css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="../css/jquery-ui.min.css">
    <script type="text/javascript" src="../js/jquery-3.2.0.min.js"></script>
    <script src="../js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <link href="css/login.css" rel="stylesheet" type="text/css"/>
    <script>
        $(function ($) {
            $( "#birthday" ).datepicker();
        });
        function login(){
            alert(1);
        }
        function register(){
            alert(2);
        }
    </script>
</head>
<body>
<h1>在线考试系统<sup>2017</sup></h1>
<div class="login">
    <div class="header">
        <div class="switch" id="switch">
            <a class="switch_btn_focus" id="switch_qlogin" href="javascript:void(0);"
                                           tabindex="7">快速登录</a>
            <a class="switch_btn" id="switch_login" href="javascript:void(0);" tabindex="8">快速注册</a>
            <div class="switch_bottom" id="switch_bottom" style="position: absolute; width: 64px; left: 0px;">
            </div>
        </div>
    </div>
    <div class="web_qr_login" id="web_qr_login" style="display: block; height: 285px;">
        <!--登录-->
        <div class="web_login" id="web_login">
            <div class="login-box">
                <div class="login_form">

                        <div class="uinArea" id="uinArea">
                            <label class="input-tips" for="usertel">手　机：</label>
                            <div class="inputOuter" id="uArea">
                                <input type="text" id="usertel" name="usertel" class="inputstyle"/>
                            </div>
                        </div>

                        <div class="pwdArea" id="pwdArea">
                            <label class="input-tips" for="userpwd">密　码：</label>
                            <div class="inputOuter" id="pArea">
                                <input type="password"  id="userpwd" name="userpwd" class="inputstyle"/>
                            </div>
                        </div>

                        <div class="codeArea" id="codeArea">
                            <label class="input-tips" for="userpwd">验证码：</label>
                            <div class="inputOuter" id="cArea">
                                <input type="text" style="width:80px;display:inline;" id="code" name="code" class="inputstyle"/>
                                <img id="verify" title="点击换验证码"
                                     onclick="this.src='../verify.php?'+Math.random();" src="../verify.php"
                                     style="vertical-align: middle;line-height:38px;margin-left:4px; border: 0px; height: 38px;width:105px;"/>
                            </div>
                        </div>

                        <div style="padding-left:50px;margin-top:20px;">
                            <input type="button" onclick="login();" value="登 录" style="width:150px;" class="button_blue"/>
                        </div>
                </div>
            </div>
        </div>
        <!--登录end-->
    </div>

    <!--注册-->
    <div class="qlogin" id="qlogin" style="display: none; ">
        <div class="web_login" style="height: 565px;">
                <input type="hidden" name="to" value="reg"/>
                <ul class="reg_form" id="reg-ul">
                    <div id="userCue" class="cue">请认真填写以下信息</div>
                    <li>
                        <label for="tel" class="input-tips2">手机：</label>
                        <div class="inputOuter2">
                            <input type="text" id="tel" name="tel" maxlength="11" class="inputstyle2"/>
                        </div>
                    </li>
                    <li>
                        <label for="user" class="input-tips2">姓名：</label>
                        <div class="inputOuter2">
                            <input type="text" id="user" name="user" maxlength="16" class="inputstyle2"/>
                        </div>
                    </li>

                    <li>
                        <label for="passwd" class="input-tips2">密码：</label>
                        <div class="inputOuter2">
                            <input type="password" id="passwd" name="passwd" maxlength="16" class="inputstyle2"/>
                        </div>
                    </li>

                    <li>
                        <label for="passwd2" class="input-tips2">确认密码：</label>
                        <div class="inputOuter2">
                            <input type="password" id="passwd2" name="" maxlength="16" class="inputstyle2"/>
                        </div>
                    </li>

                    <li>
                        <label for="sex" class="input-tips2">性别：</label>
                        <div class="inputOuter2">
                            <select id="sex" name="sex" class = "inputstyle2" style="width:100px;">
                                <option value="1">男</option>
                                <option value="2">女</option>
                            </select>
                        </div>
                    </li>

                    <li>
                        <label for="birthday" class="input-tips2">出生日期：</label>
                        <div class="inputOuter2">
                            <input type="text" readonly="readonly" id="birthday" name="birthday"  class="inputstyle2"/>
                        </div>
                    </li>

                    <li>

                        <label for="idcard" class="input-tips2">身份证号：</label>
                        <div class="inputOuter2">
                            <input type="text" id="idcard" name="idcard" maxlength="18" class="inputstyle2"/>
                        </div>
                    </li>

                    <li>
                        <label for="email" class="input-tips2">电子邮箱：</label>
                        <div class="inputOuter2">
                            <input type="text" id="email" name="email" maxlength="30" class="inputstyle2"/>
                        </div>
                    </li>

                    <li>
                        <div class="inputArea">
                            <input type="button" onclick="register();" id="reg" style="margin-top:10px;margin-left:85px;" class="button_blue"
                                   value="注册"/>
                        </div>
                    </li>
                    <div class="cl"></div>
                </ul>
        </div>
    </div>
    <!--注册end-->
</div>
</body>
</html>